<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/zytop.css" />
		<link rel="stylesheet" type="text/css" href="css/zhuyunshangpin.css" />
		<link rel="stylesheet" type="text/css" href="css/zyfooter.css" />
		<style type="text/css">
			.qglist {
				display: none;
			}
			
			.qgtitle:hover .qglist {
				display: block;
			}
			/*头部样式*/
			
			#qg {
				border-bottom: 2px solid;
			}
		</style>
	</head>

	<body>
		<div id="qg">
			<div id="index_topbar">
				<div class="content">
					<p class="welcome">欢迎来到黑科技</p>
					<div class="menu">
						<a target="_blank" href="javascript:;" class="item">帮助中心</a>
						<span class="divi">|</span>
						<a href="dingdan.html" class="item">我的订单</a>
						<span class="divi">|</span>
						<a id="gouwuche" class="item">购物车</a>
						<span class="divi">|</span>
						<a target="_blank" href="javascript:;" class="item">APP下载</a>
						<span class="divi">|</span>
						<a target="_blank" href="javascript:;" class="item">校园招聘</a>
					</div>
					<div class="login">
						<a class="link">登录</a>
						<span class="divi">|</span>
						<a class="link">注册</a>
					</div>
				</div>
			</div>
			<!--top结束-->
			<div id="index_header">
				<a class="logo" href="javascript:;">
					<img src="img/zhuye/logo.jpg" />
				</a>
				<a class="slogan" href="javascript:;">
					<img src="img/zhuye/slogan1.png" />
				</a>
				<div id="searchbar">
					<span class="name">热门搜索:</span>
					<a href="javascript:;" class="item">小米</a>
					<div style="clear: both;"></div>
					<div class="searchinput">
						<input type="text" id="input" value="iphone6s 32GB" />
						<a href="javascript:;" id="btn">搜索</a>
					</div>
					<div style="clear: both;"></div>
					<a href="javascript:;" class="item">红米4</a>
					<a href="javascript:;" class="item">红米4A</a>
					<a href="javascript:;" class="item">三星s7edge</a>
					<a href="javascript:;" class="item">苹果7</a>
				</div>
			</div>
			<!--searchbar结束-->
			<div id="index_menu">
				<h2 class="title qgtitle">全部商品分类
					<ul class="list qglist">
					<li>
						<h2 class="phone1">手机专区</h2>
				<div class="phonelist">
					<p>
						<a href="javascript:;">华为</a>
						<a href="javascript:;">苹果</a>
						<a href="javascript:;">三星</a>
						<a href="javascript:;">oppo</a>
					</p>
					<p>
						<a href="javascript:;">vivo</a>
						<a href="javascript:;">荣耀</a>
						<a href="javascript:;">魅族</a>
						<a href="javascript:;">小米</a>
					</p>
				</div>
				<div class="box">
					<div style="overflow: hidden;">
						<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7</a>
						<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7plus</a>
						<a target="_blank" href="javascript:;" class="item">苹果 iPhone 6s</a>
					</div>
					<ul>
						<li>
							<p class="kind">特色手机</p>
							<div class="nav">
								<a href="javascript:;">精品推荐</a>
								<a href="javascript:;">最新机型</a>
								<a href="javascript:;">热销千元</a>
								<a href="javascript:;">双卡双待</a>
								<a href="javascript:;">个性潮机</a>
								<a href="javascript:;">老人最爱</a>
							</div>
						</li>
						<div style="clear: both;"></div>
						<li>
							<p class="kind">价格区间</p>
							<div class="nav">
								<a href="javascript:;">1-499</a>
								<a href="javascript:;">500-999</a>
								<a href="javascript:;">1000-1999</a>
								<a href="javascript:;">2000-2999</a>
								<a href="javascript:;">3000-3999</a>
								<a href="javascript:;">4000-4999</a>
								<a href="javascript:;">5000以上</a>
							</div>
						</li>
						<div style="clear: both;"></div>
						<li>
							<p class="kind">网络制式</p>
							<div class="nav">
								<a href="javascript:;">4G全网通</a>
								<a href="javascript:;">移动联通双4G</a>
								<a href="javascript:;">移动4G</a>
								<a href="javascript:;">联通4G</a>
								<a href="javascript:;">电信4G</a>
								<a href="javascript:;">电信3G</a>
								<a href="javascript:;">2G（移动2G/联通2G）</a>
							</div>
						</li>
					</ul>
				</div>
				</li>
				<li>
					<h2 class="phone2">智能专区</h2>
					<div class="phonelist">
						<p>
							<a href="javascript:;">智能手表</a>
							<a href="javascript:;">智能手环</a>
							<a href="javascript:;">智能眼镜</a>
						</p>
						<p>
							<a href="javascript:;">智能机器人</a>
							<a href="javascript:;">无人机</a>
							<a href="javascript:;">投影仪</a>
						</p>
					</div>
					<div class="box">
						<div style="overflow: hidden;">
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7plus</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 6s</a>
						</div>
						<ul>
							<li>
								<p class="kind">智能手表</p>
								<div class="nav">
									<a href="javascript:;">华为</a>
									<a href="javascript:;">小米</a>
									<a href="javascript:;">唯动</a>
									<a href="javascript:;">乐心</a>
									<a href="javascript:;">幻响</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">智能手环</p>
								<div class="nav">
									<a href="javascript:;">华为</a>
									<a href="javascript:;">摩托罗拉</a>
									<a href="javascript:;">小天才</a>
									<a href="javascript:;">三星</a>
									<a href="javascript:;">一米</a>
									<a href="javascript:;">葫芦娃</a>
									<a href="javascript:;">ticwatch</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">vr眼镜</p>
								<div class="nav">
									<a href="javascript:;">幻影</a>
									<a href="javascript:;">暴风魔镜</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">智能机器人</p>
								<div class="nav">
									<a href="javascript:;">小鱼在家</a>
									<a href="javascript:;">爱乐优</a>
									<a href="javascript:;">阿尔法</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">无人机</p>
								<div class="nav">
									<a href="javascript:;">拍若特</a>
								</div>
							</li>
						</ul>
					</div>
				</li>
				<!---->
				<li>
					<h2 class="phone3">手机配件</h2>
					<div class="phonelist">
						<p>
							<a href="javascript:;">贴膜</a>
							<a href="javascript:;">保护套</a>
							<a href="javascript:;">电源</a>
							<a href="javascript:;">充电器</a>
						</p>
						<p>
							<a href="javascript:;">数据线</a>
							<a href="javascript:;">蓝牙耳机</a>
							<a href="javascript:;">手机耳机</a>
						</p>
					</div>
					<div class="box">
						<div style="overflow: hidden;">
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7plus</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 6s</a>
						</div>
						<ul>
							<li>
								<p class="kind">熱搜配件</p>
								<div class="nav">
									<a href="javascript:;">保护套</a>
									<a href="javascript:;">移动电源</a>
									<a href="javascript:;">钢化膜</a>
									<a href="javascript:;">耳机</a>
									<a href="javascript:;">数据线</a>
									<a href="javascript:;">内存卡</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">保护类</p>
								<div class="nav">
									<a href="javascript:;">手机壳</a>
									<a href="javascript:;">手机贴膜</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">电源类</p>
								<div class="nav">
									<a href="javascript:;">充电线</a>
									<a href="javascript:;">充电宝</a>
									<a href="javascript:;">车充</a>
								</div>
							</li>
							<li>
								<p class="kind">音频类</p>
								<div class="nav">
									<a href="javascript:;">蓝牙耳机</a>
									<a href="javascript:;">运动耳机</a>
									<a href="javascript:;">入耳耳机</a>
									<a href="javascript:;">小米耳机</a>
									<a href="javascript:;">华为耳机</a>
									<a href="javascript:;">无线蓝牙耳机</a>
									<a href="javascript:;">音响</a>
								</div>
							</li>
							<li>
								<p class="kind">品牌推荐</p>
								<div class="nav">
									<a href="javascript:;">品胜</a>
									<a href="javascript:;">小米</a>
									<a href="javascript:;">闪迪</a>
									<a href="javascript:;">飞毛腿</a>
									<a href="javascript:;">三星</a>
									<a href="javascript:;">洛克</a>
								</div>
							</li>
						</ul>
					</div>
				</li>
				<li>
					<h2 class="phone4">平板专区</h2>
					<div class="phonelist">
						<p>
							<a href="javascript:;">华为</a>
							<a href="javascript:;">苹果</a>
							<a href="javascript:;">三星</a>
							<a href="javascript:;">小米</a>
						</p>
					</div>
					<div class="box">
						<div style="overflow: hidden;">
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 7plus</a>
							<a target="_blank" href="javascript:;" class="item">苹果 iPhone 6s</a>
						</div>
						<ul>
							<li>
								<p class="kind">热门品牌</p>
								<div class="nav">
									<a href="javascript:;">苹果</a>
									<a href="javascript:;">小米</a>
									<a href="javascript:;">三星</a>
									<a href="javascript:;">华为</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">价格区间</p>
								<div class="nav">
									<a href="javascript:;">3000-3999</a>
									<a href="javascript:;">4000-4999</a>
									<a href="javascript:;">5000以上</a>
								</div>
							</li>
							<div style="clear: both;"></div>
							<li>
								<p class="kind">搜索热门</p>
								<div class="nav">
									<a href="javascript:;">苹果 ipad pro</a>
									<a href="javascript:;">苹果 ipad pro2</a>
									<a href="javascript:;">苹果ipad mini</a>
								</div>
							</li>
						</ul>
					</div>
				</li>
				</ul>
				</h2>
				<ul class="menu">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="dmhshop.html">手机商城</a>
					</li>
					<li>
						<a href="peijianzhongxing.html">配件专区</a>
					</li>
					<li>
						<a href="zy_shangpin.html" style="color: #EA4235 ;">黑科技</a>
					</li>
					<li>
						<a href="qianggou.html">限时抢购</a>
					</li>
					<li>
						<a href="zy_help.html">帮助中心</a>
					</li>
				</ul>
				<div style="clear: both;"></div>

			</div>
		</div>
		<div class="shangpin_bg1"></div>
		<div class="shangpin_bg2"></div>
		<div class="shangpin_main">
			<h2 class="shangpin_bg3_main-title">
            <div class="shangpin_w1200">
                <a target="_blank" href="javascript:;" class="shangpin_more">更多&gt;</a>
            </div>
            </h2>
			<div class="shangpin_bg4">
				<div class="shangpin_bg_w1200">
					<div class="shangpin_clear_goods-list">

						<a target="_blank" href="javascript:;" class="shangpin_goods">
							<img alt="" class="image">
							<div class="shangpin_detail">
								<p class="shangpin_name"> </p>
								<p class="shangpin_info"></p>
								<p class="shangpin_price"></p>
								<p class="shangpin_btn">立即购买</p>
							</div>
						</a>

						<a target="_blank" href="javascript:;" class="shangpin_goods">
							<img alt="" class="image">
							<div class="shangpin_detail">
								<p class="shangpin_name"> </p>
								<p class="shangpin_info"></p>
								<p class="shangpin_price"></p>
								<p class="shangpin_btn">立即购买</p>
							</div>
						</a>

						<a target="_blank" href="javascript:;" class="shangpin_goods">
							<img alt=""  class="image">
							<div class="shangpin_detail">
								<p class="shangpin_name"> </p>
								<p class="shangpin_info"></p>
								<p class="shangpin_price"></p>
								<p class="shangpin_btn">立即购买</p>
							</div>
						</a>

					</div>
				</div>
			</div>
			<h2 class="shangpin_bg5_main-title">
            <div class="shangpin_w1200">
                <a target="_blank" href="javascript:;" class="shangpin_more">更多&gt;</a>
            </div>
            </h2>
			<div class="shangpin_bg6">
				<div class="shangpin_bg_w1200">
					<div class="shangpin_clear_goods-list">

						<a target="_blank" href="javascript:;" class="shangpin_goods">
							<img alt="" src="img/zhuyun/image4_4.jpg" class="image">
							<div class="shangpin_detail">
								<p class="shangpin_name"> </p>
								<p class="shangpin_info"></p>
								<p class="shangpin_price"></p>
								<p class="shangpin_btn">立即购买</p>
							</div>
						</a>

						<a target="_blank" href="javascript:;" class="shangpin_goods">
							<img alt=""  class="image">
							<div class="shangpin_detail">
								<p class="shangpin_name"></p>
								<p class="shangpin_info"></p>
								<p class="shangpin_price"></p>
								<p class="shangpin_btn">立即购买</p>
							</div>
						</a>

						<a target="_blank" href="javascript:;" class="shangpin_goods">
							<img alt=""  class="image">
							<div class="shangpin_detail">
								<p class="shangpin_name"> </p>
								<p class="shangpin_info"></p>
								<p class="shangpin_price"></p>
								<p class="shangpin_btn">立即购买</p>
							</div>
						</a>

					</div>
				</div>
			</div>
			<h2 class="shangpin_bg7_main-title">
            <div class="shangpin_w1200">
                <a target="_blank" href="javascript:;" class="shangpin_more">更多&gt;</a>
            </div>
            </h2>
			<div class="shangpin_bg8">
				<div class="shangpin_bg_w1200">
					<div class="shangpin_clear_goods-list">

						<a target="_blank" href="javascript:;" class="shangpin_goods">
							<img alt="" src="img/zhuyun/image7.jpg" class="image">
							<div class="shangpin_detail">
								<p class="shangpin_name"> </p>
								<p class="shangpin_info"></p>
								<p class="shangpin_price"></p>
								<p class="shangpin_btn">立即购买</p>
							</div>
						</a>

						<a target="_blank" href="javascript:;" class="shangpin_goods">
							<img alt="" src="img/zhuyun/image8.jpg" class="image">
							<div class="shangpin_detail">
								<p class="shangpin_name"> </p>
								<p class="shangpin_info"></p>
								<p class="shangpin_price"></p>
								<p class="shangpin_btn">立即购买</p>
							</div>
						</a>

						<a target="_blank" href="javascript:;" class="shangpin_bricks">
							<p class="shangpin_bricks_name"> </p>
							<p class="shangpin_bricks_info"></p>
							<img alt="" style="width: 140px; height: 140px;">
							<p class="shangpin_bricks_price-out"></p>
							<div class="shangpin_bricks_detail">
								<p class="shangpin_bricks_price-in"></p>
								<p class="shangpin_bricks_btn">立即购买</p>
							</div>
						</a>

						<a target="_blank" href="javascript:;" class="shangpin_bricks">
							<p class="shangpin_bricks_name"> </p>
							<p class="shangpin_bricks_info"></p>
							<img alt="" style="width: 140px; height: 140px;">
							<p class="shangpin_bricks_price-out"></p>
							<div class="shangpin_bricks_detail">
								<p class="shangpin_bricks_price-in"></p>
								<p class="shangpin_bricks_btn">立即购买</p>
							</div>
						</a>

					</div>
				</div>
			</div>
			<h2 class="shangpin_bg9_main-title">
            <div class="shangpin_w1200">
                <a target="_blank" href="javascript:;" class="shangpin_more">更多&gt;</a>
            </div>
            </h2>
			<div class="shangpin_bg10">
				<div class="shangpin_bg_w1200">
					<ul class="shangpin_clear_goods-list">

						<a target="_blank" href="javascript:;" class="shangpin_goods">
							<img alt="" src="img/zhuyun/image9.jpg" class="image">
							<div class="shangpin_detail">
								<p class="shangpin_name"> </p>
								<p class="shangpin_info"></p>
								<p class="shangpin_price"></p>
								<p class="shangpin_btn">立即购买</p>
							</div>
						</a>

						<a target="_blank" href="http://shop.dixintong.com/products-1280-288.html" class="shangpin_goods">
							<img alt="" class="image">
							<div class="shangpin_detail">
								<p class="shangpin_name"> </p>
								<p class="shangpin_info"></p>
								<p class="shangpin_price"></p>
								<p class="shangpin_btn">立即购买</p>
							</div>
						</a>

						<a target="_blank" href="javascript:;" class="shangpin_bricks">
							<p class="shangpin_bricks_name"> </p>
							<p class="shangpin_bricks_info"></p>
							<img alt="" style="width: 140px; height: 140px;">
							<p class="shangpin_bricks_price-out"></p>
							<div class="shangpin_bricks_detail">
								<p class="shangpin_bricks_price-in"></p>
								<p class="shangpin_bricks_btn">立即购买</p>
							</div>
						</a>

						<a target="_blank" href="javascript:;" class="shangpin_bricks">
							<p class="shangpin_bricks_name"> </p>
							<p class="shangpin_bricks_info"></p>
							<img alt=""  style="width: 140px; height: 140px;">
							<p class="shangpin_bricks_price-out"></p>
							<div class="shangpin_bricks_detail">
								<p class="shangpin_bricks_price-in"></p>
								<p class="shangpin_bricks_btn">立即购买</p>
							</div>
						</a>

					</ul>
				</div>
			</div>
			<h2 class="shangpin_bg11_main-title">
            <div class="shangpin_w1200">
                <a target="_blank" href="javascript:;" class="shangpin_more">更多&gt;</a>
            </div>
          </h2>
			<div class="shangpin_bg12">
				<div class="shangpin_bg_w1200">
					<ul class="shangpin_clear_goods-list">

						<a target="_blank" href="javascript:;" class="shangpin_goods">
							<img alt="" src="img/zhuyun/image11.jpg" class="image">
							<div class="shangpin_detail">
								<p class="shangpin_name"> </p>
								<p class="shangpin_info"></p>
								<p class="shangpin_price"></p>
								<p class="shangpin_btn">立即购买</p>
							</div>
						</a>

						<a target="_blank" href="javascript:;" class="shangpin_goods">
							<img alt="" src="img/zhuyun/image12.jpg" class="image">
							<div class="shangpin_detail">
								<p class="shangpin_name"></p>
								<p class="shangpin_info"></p>
								<p class="shangpin_price"></p>
								<p class="shangpin_btn">立即购买</p>
							</div>
						</a>

						<a target="_blank" href="javascript:;" class="shangpin_bricks">
							<p class="shangpin_bricks_name"></p>
							<p class="shangpin_bricks_info">WiFi版</p>
							<img alt="" style="width: 140px; height: 140px;">
							<p class="shangpin_bricks_price-out"></p>
							<div class="shangpin_bricks_detail">
								<p class="shangpin_bricks_price-in"></p>
								<p class="shangpin_bricks_btn">立即购买</p>
							</div>
						</a>

						<a target="_blank" href="javascript:;" class="shangpin_bricks">
							<p class="shangpin_bricks_name"> </p>
							<p class="shangpin_bricks_info"></p>
							<img alt=""  style="width: 140px; height: 140px;">
							<p class="shangpin_bricks_price-out"></p>
							<div class="shangpin_bricks_detail">
								<p class="shangpin_bricks_price-in"></p>
								<p class="shangpin_bricks_btn">立即购买</p>
							</div>
						</a>

					</ul>
				</div>
			</div>

		</div>
		<div class="footer">
			<div class="footer_div1">
				<div class="footer_div1_top">
					<a href="javascript:;"><img src="img/footer/fuwu01.jpg" width="256" height="97" class="_top_a" /></a>
					<a href="javascript:;"><img src="img/footer/fuwu02.jpg" width="214" height="97" class="_top_a" /></a>
					<a href="javascript:;"><img src="img/footer/fuwu03.jpg" width="205" height="97" class="_top_a" /></a>
					<a href="javascript:;"><img src="img/footer/fuwu04.jpg" width="254" height="97" class="_top_a" /></a>
					<a href="javascript:;"><img src="img/footer/fuwu05.jpg" width="237" height="97" class="_top_a" /></a>
				</div>
				<div class="clear"></div>
				<div class="footer_div1_bottom">
					<dl class="footer_div1_bottom_left">
						<dt>购物指南</dt>
						<dd>
							<a href="javascript:;">购物流程</a>
						</dd>
						<dd>
							<a href="javascript:;">会员介绍</a>
						</dd>
						<dd>
							<a href="javascript:;">常见问题</a>
						</dd>
						<dd>
							<a href="javascript:;">联系客服</a>
						</dd>
					</dl>
					<dl class="footer_div1_bottom_left">
						<dt>支付方式</dt>
						<dd>
							<a href="javascript:;">快捷支付</a>
						</dd>
						<dd>
							<a href="javascript:;">分期付款</a>
						</dd>
						<dd>
							<a href="javascript:;">货到付款</a>
						</dd>
						<dd>
							<a href="javascript:;">门店支付</a>
						</dd>
					</dl>
					<dl class="footer_div1_bottom_left">
						<dt>物流配送</dt>
						<dd>
							<a href="javascript:;">到店自提</a>
						</dd>
						<dd>
							<a href="javascript:;">送货上门</a>
						</dd>
						<dd>
							<a href="javascript:;">物流查询</a>
						</dd>
					</dl>
					<dl class="footer_div1_bottom_left">
						<dt>售后服务</dt>
						<dd>
							<a href="javascript:;">退换货流程</a>
						</dd>
						<dd>
							<a href="javascript:;">退款说明</a>
						</dd>
						<dd>
							<a href="javascript:;">退换货申请</a>
						</dd>
						<dd>
							<a href="javascript:;">预约维修</a>
						</dd>
					</dl>
					<dl class="footer_div1_bottom_left">
						<dt>心服务</dt>
						<dd>
							<a href="javascript:;">投诉奖励</a>
						</dd>
						<dd>
							<a href="javascript:;">交通补助</a>
						</dd>
						<dd>
							<a href="javascript:;">十大免费</a>
						</dd>
					</dl>
					<div class="footer_div1_bottom_right">
						<div class="footer_div1_bottom_right_img"><img src="img/footer/quanguomendian_icon.png"></div>
						<strong id="footer_str_strong">身边黑科技</strong>
						<p id="p_p1">全国300个城市3000家门店为您提供最贴心的服务！</p>
						<div id="btn_n1"></div>
					</div>
					<div class="clear"></div>
				</div>

			</div>
			<div id="footer_last">
				<div class="footer_div2">
					<div id="footer_div2_top">
						<ul id="footer_div2_ul">
							<li>
								<a href="javascript:;">关于我们</a>
							</li>
							<li>
								<a href="javascript:;">联系我们</a>
							</li>
							<li>
								<a href="javascript:;">品牌专区</a>
							</li>
							<li>
								<a href="javascript:;">友情链接</a>
							</li>
							<li>
								<a href="javascript:;">迪粉社区</a>
							</li>
							<li id="lis">
								<a href="javascript:;">投诉建议</a>
							</li>
						</ul>
						<div class="clear"></div>
						<p>全国服务热线：400-700-8800 </p>
						<p>商务合作: jiaxiao@dixintong.com</p>
						<p id="last_p">Powered by DiXinTong©2001-2015京ICP备11010605号©2001-2015 DiXinTong Inc. 北京黑科技商贸股份有限公司</p>
					</div>
					<div id="erweima">
						<div id="ewm-z">
						</div>
						<div id="ewm_y">
							<p class="p1">黑科技客户端</p>
							<p class="p2">移动生活，私人订制</p>
							<div id="btn_n2">APP下载</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/av-min-2.1.2.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var currentUser;
		$(function() {
			init();
			currentUser = AV.User.current(); //判断用户是否登录
			panduan();
			update1();
			update2();
		});

		function update1() {
			var query = new AV.Query('zhuyun');
			query.find().then(function(products) {
				// 查询到商品后，在前端展示到相应的位置中。	
				$(".shangpin_goods").each(function(i) {
					$(".shangpin_goods").eq(i).attr("href", "zy_xq.html?id=" + products[i].attributes.bianhao);
				});
				$(".shangpin_goods").each(function(i) {
					$(".shangpin_goods").eq(i).children("img").attr("src", products[i].attributes.img[0]);
				});
				$(".shangpin_name").each(function(i) {
					$(".shangpin_name").eq(i).html(products[i].attributes.Title);
				});
				$(".shangpin_price").each(function(i) {
					$(".shangpin_price").eq(i).html("￥" + products[i].attributes.yuanjia);
				});
				
				//					console.log(products)
			}).catch(function(error) {
				console.log(JSON.stringify(error));
			});
		};

		function update2() {
			var query = new AV.Query('zhuyun');
			query.equalTo("type", "xiaotu")
			query.find().then(function(result) {
				console.log(result);
					$(".shangpin_goods").each(function(i) {
						$(".shangpin_bricks").each(function(i) {
							$(".shangpin_bricks").eq(i).attr("href", "zy_xq.html?id=" + result[i].attributes.bianhao);
						});
						$(".shangpin_bricks").each(function(i) {
							$(".shangpin_bricks").eq(i).children("img").attr("src", result[i].attributes.img[0]);
						});
						$(".shangpin_bricks_name").each(function(i) {
							$(".shangpin_bricks_name").eq(i).html(result[i].attributes.Title);
						});
						$(".shangpin_bricks_price-out").each(function(i) {
					$(".shangpin_bricks_price-out").eq(i).html("￥" + result[i].attributes.cxj[0]);
				});
				
					$(".shangpin_bricks_price-in").each(function(i) {
					$(".shangpin_bricks_price-in").eq(i).html("￥" + result[i].attributes.cxj[0]);
				});
				
					});
				}).catch(function(error) {
					console.log(JSON.stringify(error));
				});
		}
			$(".shangpin_more").mouseover(function() {
				$(this).css("right", "10px");
			});
			$(".shangpin_more").mouseout(function() {
				$(this).css("right", "20px");
			});
			$(".shangpin_goods").mouseover(function() {
				$(this).find(".shangpin_detail").css("background-color", "rgba(205, 205, 205, 0.3)");
			});
			$(".shangpin_goods").mouseout(function() {
				$(this).find(".shangpin_detail").css("background-color", "rgba(205, 205, 205, 0)");
			});
			$(".shangpin_goods").mouseover(function() {
				$(this).find(".shangpin_btn").css("opacity", 1);
			});
			$(".shangpin_goods").mouseout(function() {
				$(this).find(".shangpin_btn").css("opacity", 0);
			});
			$(".shangpin_bricks").mouseover(function() {
				$(this).find(".shangpin_bricks_detail").css("bottom", "0px");
			});
			$(".shangpin_bricks").mouseout(function() {
				$(this).find(".shangpin_bricks_detail").css("bottom", "-140px");
			});
			//从云端获取首页的数据
			function getPageUrl() {
				var index = location.pathname.lastIndexOf("/") //获取当前页面
				var ret = location.pathname.substr(index + 1)
				return escape(ret)
			}
	</script>

</html>